<template>
  <div class="logs-management-container">
    <el-tabs v-model="activeTab" type="card" @tab-click="handleTabChange">
      <el-tab-pane label="操作日志" name="operation">
        <operation-logs-tab />
      </el-tab-pane>
      <el-tab-pane label="登录日志" name="login">
        <login-logs-tab />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import OperationLogsTab from '@/views/admin/OperationLogsTab.vue'
import LoginLogsTab from '@/views/admin/LoginLogsTab.vue'

export default {
  name: 'LogsManagement',
  components: {
    OperationLogsTab,
    LoginLogsTab
  },
  data() {
    return {
      activeTab: 'operation'
    }
  },
  methods: {
    handleTabChange(tab) {
      console.log('切换到标签页:', tab.name)
    }
  }
}
</script>

<style scoped>
.logs-management-container {
  padding: 20px;
}

</style>